const colors = require("tailwindcss/colors");

module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    // 配置了之后原来的就无效了
    // 可以导入原来的配置
    colors: {
      transparent: "transparent",
      gray: {
        100: "red", // just for test
        // ...
        900: "#1a202c",
      },
      black: colors.black,
      white: colors.white,
      // gray: colors.trueGray,
      indigo: colors.indigo,
      red: colors.rose,
      yellow: colors.amber,
      blue: colors.blue,
      purple: colors.purple,

      // ...
    },
    extend: {},
    screens: {
      sm: "560px",
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};
